<%--
  Created by IntelliJ IDEA.
  User: 许娜
  Date: 2022/1/8
  Time: 20:42
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>注册</title>
    <style>
        table, th, tr, td {
            border: 1px solid green;
        }
    </style>
</head>
<script src="js/jquery-3.1.1.min.js" type="text/javascript"></script>
<body>
<form action="/cus/customerReg.do" method="post">
    <table style="margin: auto;">
        <tr>
            <td colspan="3" style="text-align: center" height="25" bgcolor="#66CCFF" align="right">
                请填写用户信息(带*为必填项)
            </td>
        </tr>
        <tr>
            <td height="25" bgcolor="#66CCFF" align="right">用户名：</td>
            <td height="25" bgcolor="#66CCFF" align="right"><input type="text" name="name" id="name"></td>
            <td height="25" bgcolor="#FFE3BB"><span id="namemsg">*您用未登陆的用户名</span></td>
        </tr>
        <tr>
            <td height="25" bgcolor="#66CCFF" align="right">密码：</td>
            <td height="25" bgcolor="#66CCFF" align="right"><input type="password" name="pwd"></td>
            <td height="25" bgcolor="#FFE3BB">长度必须大于5个小于16个字符，只能为英文，数字</td>
        </tr>
        <tr>
            <td height="25" bgcolor="#66CCFF" align="right">确认密码：</td>
            <td height="25" bgcolor="#66CCFF" align="right"><input type="password" name="rpwd"></td>
            <td height="25" bgcolor="#FFE3BB">请将输入的密码再次输入</td>
        </tr>
        <tr>
            <td height="25" bgcolor="#66CCFF" align="right">真实姓名：</td>
            <td height="25" bgcolor="#66CCFF" align="right"><input type="text" name="realname"></td>
            <td height="25" bgcolor="#FFE3BB">请填写您真实姓名</td>
        </tr>
        <tr>
            <td height="25" bgcolor="#66CCFF" align="right">性别：</td>
            <td height="25" bgcolor="#66CCFF" align="right"><input type="radio" name="sex" value="male">男<input
                    type="radio" name="sex" value="female">女
            </td>
            <td height="25" bgcolor="#FFE3BB">请填写您的真实信息</td>
        </tr>
        <tr>
            <td height="25" bgcolor="#66CCFF" align="right">年龄：</td>
            <td><input type="text" name="age"></td>
            <td height="25" bgcolor="#FFE3BB">请输入您的真实年龄</td>
        </tr>
        <tr>
            <td height="25" bgcolor="#66CCFF" align="right">身份证号：</td>
            <td height="25" bgcolor="#66CCFF" align="right"><input type="text" name="cardno"></td>
            <td height="25" bgcolor="#FFE3BB">请填写您的真实信息</td>
        </tr>
        <tr>
            <td height="25" bgcolor="#66CCFF" align="right">家庭住址：</td>
            <td height="25" bgcolor="#66CCFF" align="right"><input type="text" name="address"></td>
            <td height="25" bgcolor="#FFE3BB">请填写您的真实信息</td>
        </tr>
        <tr>
            <td height="25" bgcolor="#66CCFF" align="right">电话号码：</td>
            <td height="25" bgcolor="#66CCFF" align="right"><input type="text" name="phoneno"></td>
            <td height="25" bgcolor="#FFE3BB">请填写您的真实信息</td>
        </tr>
        <tr>
            <td height="25" bgcolor="#66CCFF" align="right">电子邮箱：</td>
            <td height="25" bgcolor="#66CCFF" align="right"><input type="text" name="email"></td>
            <td height="25" bgcolor="#FFE3BB">请填写您的有效邮件地址</td>
        </tr>
        <tr>
            <td colspan="3" style="text-align: center" height="25" bgcolor="#FFE3BB">
                <%--  <input type="submit" value="注册">--%>
                <a type="button" href="adminLogin.jsp">注册</a>
            </td>
        </tr>
    </table>
</form>
<script>
    $(function () {
        $("#name").blur(function () {
            $.ajax({
                type: 'post',
                url: '/cus/checkName.do',
                data: {
                    name: $("#name").val()
                },
                success: function (result) {
                    if (result == "true") {
                        $("#namemsg").html("<font color='red'>用户名已经被注册</font>");
                    } else {
                        $("#namemsg").html("<font color='green'>用户名可以注册</font>");
                    }
                }
            });
        });
    })
</script>
</body>
</html>
